<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>v-订单关闭</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-order.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header min-w">
	<div class="wrap">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp">
			<div class="search-form">
				<input type="text" class="search-text" placeholder="羽绒服">
				<button class="v-btn search-button">搜索</button>
				<p class="hot-search">
					<label class="search-label">热门搜索：</label>
					<a href="javascript:void(0);" target="_blank">免烫衬衫</a>
					<a href="javascript:void(0);" target="_blank">羽绒99元</a>
					<a href="javascript:void(0);" target="_blank">长款羽绒</a>
					<a href="javascript:void(0);" target="_blank">保暖内衣</a>
					<a href="javascript:void(0);" target="_blank">我的订单</a>
				</p>
			</div>
			<div class="shopping-cart">
				<a class="cart-span" href="javascript:;"><em class="v-icon cart-icon"></em>我的购物车<span class="cart-num">9</span></a>
				<div class="dropdown-wrap">
					<h2 class="cart-tit">最近加入的商品</h2>
					<div class="cart-con">
						<ul class="cart-ul">
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X </span>1<span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="cart-count">
						<p>共<strong>6</strong>件商品</p>
						<p>共计<strong>￥5261.00</strong></p>
						<button class="v-btn cart-btn">去购物车查看</button>
					</div>
				</div>
		   </div>
		</div>
	</div>
</div>
<div class="home-nav min-w">
	<div class="wrap">
    	<div class="home-nav-item">
        	<a href="javascript:void(0);" class="home-nav-a home-index">首页<em class="v-icon nav-arr-top"></em></a>
        </div>
		<div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a cur">上衣<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">裤子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">鞋子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">配饰<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
	</div>
</div>
<div class="content min-w">
	<div class="crumb-nav wrap">
        <a href="javascript:void(0);">首页</a>
        <span class="crumb-arr">&gt;</span>
        <a href="javascript:void(0);">个人中心</a>
    </div>
    <div class="order-con wrap">
	    <div class="order-info clearfix">
	    	<div class="order-info-l fl">
	    		<h3 class="order-tit2">订单信息</h3>
	    		<div class="order-txt2">
	    			<p class="clearfix"><label>订单编号：</label><span>526373844</span></p>
	    			<p class="clearfix"><label>收件人：</label><span>王小二</span></p>
	    			<p class="clearfix"><label>手机号码：</label><span>156****6374</span></p>
	    			<p class="clearfix"><label>收货地址：</label><span>北京市北京朝阳区东三环北路中青大厦302</span></p>
	    			<p class="clearfix"><label>应付金额：</label><span><strong>￥1699.00 </strong></span></p>
                    <p class="clearfix"><label>承运来源：</label><span>顺丰快递</span></p>
                    <p class="clearfix"><label>货运单号：</label><span>48180155142</span></p>
                    <p class="clearfix"><label>官方电话：</label><span>95339</span></p>
	    		</div>
	    	</div>
	    	<div class="order-info-r fl">
	    		<h2 class="state-h2">当前状态：<span>订单关闭</span></h2>
                <p class="state-p">由于订单超时，你的交易已关闭</p>
	    	</div>
	    </div>
	    <div class="state-goods">
	    	<table class="v-order-tab">
            	<colgroup>
                	<col class="center-goods">
                    <col class="center-operate">
                </colgroup>
            	<thead>
                	<tr>
                    	<th class="th-tit">
                        	<span class="tit-info">商品</span>
                            <span class="tit-unit">单价</span>
                            <span class="tit-amount">数量</span>
                        </th>
                        <th>交易操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="tr-order">
                    	<td colspan="2">
                        	<span class="order-date">2016-12-03  16:54:32 </span>
                            <span class="order-num">订单编号：<span>8767564523</span></span>
                            <span class="order-shop">店铺：<span>虎都男装旗舰店</span></span>
                        </td>
                    </tr>
                    <tr class="tr-goods">
                    	<td>
                        	<ul class="item-con cart-item clearfix">
                                <li class="cart-td td-info clearfix">
                                    <a href="javascript:void(0);" class="cart-img-a"><img src="#"></a>
                                    <div class="cart-txt">
                                        <div class="cart-txt-info">
                                            <a href="javascript:void(0);">
                                                <h2 class="cart-brand">品牌名称</h2>
                                                <h3 class="cart-name">虎都秋冬新品男装男上装翻领外套男上装翻领外套虎都秋冬新品男装男上装翻领外套男上装翻领外套</h3>
                                            </a>
                                            <p class="cart-color">颜色：藏青</p>
                                            <p class="cart-size">尺码：M</p>
                                        </div>
                                    </div>
                                </li>
                                <li class="cart-td td-unit-price">
                                    <span>¥1699.00</span>
                                </li>
                            	<li class="cart-td td-amount">
                                	<span>1</span>
                                </li>
                            </ul>
                        </td>
                        <td class="state-operate" rowspan="2">
                            <a href="javascript:;" class="btn btn-cancel">删除订单</a>
                        </td>
                    </tr>
                    <tr class="tr-goods">
                    	<td>
                        	<ul class="item-con cart-item clearfix">
                                <li class="cart-td td-info clearfix">
                                    <a href="javascript:void(0);" class="cart-img-a"><img src="#"></a>
                                    <div class="cart-txt">
                                        <div class="cart-txt-info">
                                            <a href="javascript:void(0);">
                                                <h2 class="cart-brand">品牌名称</h2>
                                                <h3 class="cart-name">虎都秋冬新品男装男上装翻领外套男上装翻领外套</h3>
                                            </a>
                                            <p class="cart-color">颜色：藏青</p>
                                            <p class="cart-size">尺码：M</p>
                                        </div>
                                    </div>
                                </li>
                                <li class="cart-td td-unit-price">
                                    <span>¥1699.00</span>
                                </li>
                            	<li class="cart-td td-amount">
                                	<span>1</span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="account-info">
	        	<p><label>总计：</label><span>￥998.00</span></p>
	            <p><label>运费：</label><span>+￥8.00</span></p>
	            <p><label>优惠：</label><span>-￥100.00</span></p>
	            <p><label>应付金额：</label><strong>￥906.00</strong></p>
        	</div>
	    </div>
    </div>
</div>
</body>
</html>